<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../css/css3.css">
    <title>CSS3</title>
</head>
<body>
<div class="corner" >
    <p class="shadow">这是带有阴影的文字!</p>
</div>
<div class="transform_rotate">
    这是带旋转的.
</div>
<div class="transform_translate">
    这是带平移的.
</div>
<div class="transform_scale">
    这是带scale的.
</div>
<div class="transform_skew">
    这是带skew的.
</div>
<div class="transform_matrix">
    这是带matrix的.
</div>
<div class="transition_height">
    这是带transition_hight的.
</div>
<div class="transition">
    这是带transition的.
</div>
<div class="transition_width">
    transition_width.
</div>

</body>
</html>